<template>
  <el-header>
    <div class="pull-left" alt="">
      哈工科教
      <img src="@/assets/images/logo.png" alt="" height="64" srcset="">
      <el-button type="danger" @click="$router.back(-1)" icon="el-icon-arrow-left" circle ></el-button>
    </div>
    <div class="pull-right">
      <div class="home">
        <router-link to='/'><img src="@/assets/images/home.png" height="30" alt="" srcset=""></router-link>
        <br>
        <span>主页</span>
      </div>
      <div>
        <img src="@/assets/images/Shop.png" onclick="taobao()" height="30" alt=""><br>
        <span>商城</span>
      </div>
      <div>
        <el-dropdown >
          <span class="el-dropdown-link">
            <img src="@/assets/images/more.png" height="30">
          </span>
          <el-dropdown-menu slot="dropdown" trigger="click">
            <el-dropdown-item onclick="website()">官网</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <br>
        <span>更多</span>
      </div>
      <div class="help">
        <img src="@/assets/images/help.png" height="30" alt="">
        <br>
        <span>帮助</span>
      </div>
      <div v-show="false" class="help" @click="$emit('dialog')" >
        <i class="el-icon-mobile-phone"></i>
        <br>
        <span>登陆</span>
      </div>
    </div>

    <div class="clearfix"></div>

  </el-header>
</template>

<script>
export default {

};
</script>

<style scoped >
i {
  cursor: pointer;
}
img {
  cursor: pointer;
}
.el-header {
  z-index: 10;
  padding: 1px;
  background-color: rgba(255, 247, 153, 1);
}
.pull-right {
  height: 60px;
}
.pull-left {
  font-size: 24px;
  line-height: 60px;
  padding: 0 15px;
}
.pull-right div {
  display: inline-block;
  width: 60px;
  text-align: center;
  padding-top: 3px;
}
.el-dropdown {
}
.home {
}
</style>
